<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

</head>
<body>
<style>
*{margin:0;padding:0;}
#slide-ul{width:10000px;}
#slide-ul li{list-style:none;float:left;}
#slide-ul:after{clear:both;display:block;content:' '}
#img-control{
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: -20px;
}
#img-control span{
    border: none;
    width: 33px;
    height: 5px;
    cursor: pointer;
    background: url("http://www.qixinhulian.com/images/home/bannerSpot.png") no-repeat -38px 0px;
    display: inline-block;
    margin-right: 6px;
}
#img-control span.active{
    background-position: 0px 0px;
}
</style>
 <div class="limit-box" id="limit-box">
        <div style="max-width: 1920px;margin: 0px auto;overflow: hidden;">
            <ul id="slide-ul">
                <li>
                    <a href="#culture.htm"><img src="http://www.qixinhulian.com/images/home/index_banner1.jpg"></a>
                </li>
                <li>
                    <a href="#product/uyingyong.htm"> <img src="http://www.qixinhulian.com/images/home/index_banner2.jpg"/></a>
                </li>
                <li>
                    <a href="#cooperate.htm"> <img src="http://www.qixinhulian.com/images/home/index_banner3.jpg"/></a>
                </li>
            </ul>
        </div>
    </div>
    <div id="img-control">
    <span class="active"></span>
    <span></span>
    <span></span>
</div>


<script src="http://www.qixinhulian.com/js/jquery-1.8.2.js"></script>
<script src="http://www.qixinhulian.com/js/index.js"></script>

</body>
</html>